{extend name="common/default" /}

{block name="style"}
<link href="/assets/libs/font-awesome/css/font-awesome.min.css" rel="stylesheet">
<style>
    body {
        height: 100%;width: 100%;
        background: url({$config.background|cdnurl});
        background-size:cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        padding: 0;
        min-height: 100vh;
        font-family: var(--ff-body);
        font-weight: var(--fw-body);
        font-size: 1.25rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .social-login{
        /*display:flex;*/
        justify-content: center;
        align-items: center;
        padding: 0;
        position: fixed;
        bottom: 16px;
        width: 100%;
    }
    .social-login a{
        /*margin:0 2px;*/
        box-shadow: 5px 5px 3px #888888;
        /*!*box-shadow: 1px 1px 0 yellow, 2px 2px 0 blue, 3px 3px red, 4px 4px 0 black;*!*/
        /*font-size: 18px;*/
        /*line-height: 36px;*/
        /*padding: 6px 24px;*/
        /*width: 100%;*/
        width: 90%;
    }
</style>
{/block}

{block name="container"}
<div class="container" id="container">
    <div class="page button js_show">
        <div class="page__hd">
            <h1 class="page__title"></h1>
            <p class="page__desc"></p>
        </div>
        <div class="page__bd">
        </div>
        <div class="page__ft social-login">
        </div>
    </div>
</div>

<a href="" style="text-decoration: none;display: none;" id="vurl" target="_blank"></a>
{/block}
{block name="javascript"}
<script type="text/javascript">
    function openu(u){
        document.getElementById("vurl").href= u;
        document.getElementById("vurl").click();
    }

    var platform="{$platform}";
    if (platform.indexOf("wechat") > -1) {
        $('<a class="weui-btn weui-btn_primary" href="/third/connect/wechat"><i class="fa fa-wechat"></i> 微信登录</a>').appendTo(".social-login");
    }
    if (platform.indexOf("qq") > -1) {
        $('<a class="weui-btn weui-btn_primary" href="/third/connect/qq"><i class="fa fa-qq"></i> QQ登录</a>').appendTo(".social-login");
    }
    if (platform.indexOf("weibo") > -1) {
        $('<a class="weui-btn weui-btn_primary" href="/third/connect/weibo"><i class="fa fa-weibo"></i> 微博登录</a>').appendTo(".social-login");
    }

    $(function(){
        if(navigator.userAgent.indexOf("MicroMessenger") > -1) {
//            openu("/third/connect/wechat");
        }
    })

</script>
{/block}